@font-face {
    /* 引入很阿里的字体 */
    font-family: 'webfont';
    font-display: swap;
    src: url('//at.alicdn.com/t/webfont_l7md4bvyts7.eot');
    /* IE9*/
    src: url('//at.alicdn.com/t/webfont_l7md4bvyts7.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/webfont_l7md4bvyts7.woff2') format('woff2'), url('//at.alicdn.com/t/webfont_l7md4bvyts7.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/webfont_l7md4bvyts7.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/webfont_l7md4bvyts7.svg#Alibaba-PuHuiTi-Regular') format('svg');
    /* iOS 4.1- */
}

html,
body {
    font-family: "webfont" !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100vw !important;
}

button,
div,
img,
input,
span,
textarea {
    font-family: "webfont" !important;
    transition: all 0.5s ease;
}

div {
    color: #333333;
    box-sizing: border-box;
}

button,
img,
input,
textarea {
    outline: none
}

textarea {
    resize: none
}

button {
    white-space: nowrap
}

.HW {
    /* 全宽高 */
    height: 100%;
    width: 100%;
}

.H {
    /* 全高 */
    height: 100%;
}

.W {
    /* 全宽 */
    width: 100%;
}

.FL {
    /* 左浮动 */
    float: left;
}

.FR {
    /* 右浮动 */
    float: right;
}

.TAL {
    /* 文字靠左 */
    text-align: left
}

.TAC {
    /* 文字居中 */
    text-align: center
}

.TAR {
    /* 文字靠右 */
    text-align: right
}

.TCB {
    /* 蓝色文字 */
    color: #409eff
}

.TCR {
    /* 红色文字 */
    color: #F56c6c
}

.TCG {
    /* 绿色文字 */
    color: #67C23A
}

.TZY {
    /* 灰色文字 */
    color: #666666
}

.TCW {
    /* 白色文字 */
    color: #ffffff
}

.BAB {
    /* 蓝色边框 */
    border: 1px solid #409eff
}

.BTB {
    /* 蓝色顶边 */
    border-top: 1px solid #409eff
}

.BLB {
    /* 蓝色左边 */
    border-left: 1px solid #409eff
}

.BRB {
    /* 蓝色右边 */
    border-right: 1px solid #409eff
}

.BBB {
    /* 蓝色底边 */
    border-bottom: 1px solid #409eff
}

.BAR {
    /* 红色边框 */
    border: 1px solid #F56c6c
}

.BTR {
    /* 红色顶边 */
    border-top: 1px solid #F56c6c
}

.BLR {
    /* 红色左边 */
    border-left: 1px solid #F56c6c
}

.BRR {
    /* 红色右边 */
    border-right: 1px solid #F56c6c
}

.BBR {
    /* 红色底边 */
    border-bottom: 1px solid #F56c6c
}

.BAG {
    /* 绿色边框 */
    border: 1px solid #67c23a
}

.BTG {
    /* 绿色顶边 */
    border-top: 1px solid #67c23a
}

.BLG {
    /* 绿色左边 */
    border-left: 1px solid #67c23a
}

.BRG {
    /* 绿色右边 */
    border-right: 1px solid #67c23a
}

.BBG {
    /* 绿色底边 */
    border-bottom: 1px solid #67c23a
}

.BAZ {
    /* 灰色边框 */
    border: 1px solid #dcdcdc
}

.BTZ {
    /* 灰色顶边 */
    border-top: 1px solid #dcdcdc
}

.BLZ {
    /* 灰色左边 */
    border-left: 1px solid #dcdcdc
}

.BRZ {
    /* 灰色右边 */
    border-right: 1px solid #dcdcdc
}

.BBZ {
    /* 灰色底边 */
    border-bottom: 1px solid #dcdcdc
}

.ButtonCC {
    /* 按钮的基本样式 */
    background-color: transparent;
    border: 1px solid #dcdfe6;
    border-radius: 3px;
    color: #666666;
    font-size: 12px;
    line-height: 1;
    padding: 6px 12px;
}

.ButtonB:hover {
    /* 按钮鼠标悬浮：蓝边无底 */
    border-color: #409eff;
    color: #409eff;
}

.ButtonR:hover {
    /* 按钮鼠标悬浮：红边无底 */
    border-color: #f56c6c;
    color: #f56c6c;
}

.ButtonG:hover {
    /* 按钮鼠标悬浮：绿边无底 */
    border-color: #67c23a;
    color: #67c23a;
}

.ButtonBX:hover {
    /* 按钮鼠标悬浮：蓝边蓝底 */
    background-color: #409eff;
    border-color: #409eff;
}

.ButtonRX:hover {
    /* 按钮鼠标悬浮：红边红底 */
    background-color: #f56c6c;
    border-color: #f56c6c;
}

.ButtonGX:hover {
    /* 按钮鼠标悬浮：绿边绿底 */
    background-color: #67c23a;
    border-color: #67c23a;
}

.ButtonBX.ButtonRX.ButtonGX {
    /* 触发带底色按钮的字体颜色 */
    color: #ffffff;
}

.InputCC {
    /* 通用输入框样式 */
    background-color: transparent;
    border: 1px solid #dcdfe6;
    border-radius: 3px;
    color: #666666;
    font-size: 12px;
    line-height: 1;
    padding: 6px;
}

.InputB:focus {
    /* 输入框处于选中状态：蓝 */
    border-color: #409eff;
}

.InputR:focus {
    /* 输入框处于选中状态：红 */
    border-color: #f56c6c;
}

.InputG:focus {
    /* 输入框处于选中状态：绿 */
    border-color: #67c23a;
}